﻿<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>沖ドキ777</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="沖ドキ777" />
  <link rel="shortcut icon" href="picture/ifo.png">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/icomoon.css">
  <link rel="stylesheet" href="css/simple-line-icons.css">
  <link rel="stylesheet" href="css/owl.carousel.min.css">
  <link rel="stylesheet" href="css/owl.theme.default.min.css">
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/style_1_1.css">
  <link rel="stylesheet" id="theme-switch" href="css/style_1_1.css">
  <script src="js/modernizr-2.6.2.min.js"></script>
  <script src="js/respond.min.js"></script>
  </head>
<style>
	.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
	.line {
		width: 60px;
		height: 60px;
		position: fixed;
		bottom: 200px;
		right: 10px;
	}
	.line-icon {
		width: 100%;
		height: 100%;
	}
</style>
<body>
	<header role="banner" id="fh5co-header">
	<div class="container">
	   <div class="row">
		  <nav class="navbar navbar-default">
			  <div class="navbar-header">
				<!-- Mobile Toggle Menu Button -->
				  <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					  <i></i>
				  </a>
				  <a class="navbar-brand" href="./">
					  <img src="picture/logo.png" />
				  </a>
			  </div>
			  <div id="navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
				  <li class="active"><a href="#" data-nav-section="home"><span>トップページ</span></a></li>
				  <li><a href="#" data-nav-section="services"><span>紹介</span></a></li>
				  <li><a href="#" data-nav-section="press"><span>ダウンロード</span></a></li>
				  <li><a href="#" data-nav-section="sign"><span>登録</span></a></li>
				</ul>
			  </div>
		  </nav>
	   </div>
	</div>
  </header>
	<div id="slider" data-section="home">
	<div class="owl-carousel owl-carousel-fullwidth">
		<div class="item" style="background-image:url(images/veer-165278741.jpg)">
			<div class="overlay"></div>
			<div class="container" style="position: relative;">
				<div class="row">
					<div class="col-md-8 col-md-offset-2 text-center">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">高額賞金と複数報酬</h1>
								<h2 class="fh5co-sub-lead to-animate">無料で回転し、ボーナスルーレットを使用することで、ゲーム中に驚きの連続を得ることができます。</h2>
								<p class="to-animate-2">
									<a href="#" class="btn btn-primary btn-lg" data-nav-section="sign">今登録します</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="item" style="background-image:url(images/veer-165278718.jpg)">
			<div class="container" style="position: relative;">
				<div class="row">
					<div class="col-md-7 col-sm-7">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">豊富なゲームコンテンツ</h1>
								<h2 class="fh5co-sub-lead to-animate">さまざまなテーマや遊び方のゲームを提供し、さまざまなプレイヤーのニーズに対応しています。</h2>
								<p class="to-animate-2"><a href="#" class="btn btn-primary btn-lg" data-nav-section="press">今すぐダウンロード</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="item item3" style="background-image:url(images/veer-130907693.jpg)">
			<div class="container" style="position: relative;">
				<div class="row">
					<div class="col-md-7 col-md-push-1 col-md-push-5 col-sm-7 col-sm-push-1 col-sm-push-5">
						<div class="fh5co-owl-text-wrap">
							<div class="fh5co-owl-text">
								<h1 class="fh5co-lead to-animate">公平で公正なゲーム環境</h1>
								<h2 class="fh5co-sub-lead to-animate">私たちはプレイヤーに公平で公正なゲーム環境を提供することに力を入れています。</h2>
								<p class="to-animate-2"><a href="#" class="btn btn-primary btn-lg" data-nav-section="services">ソフトウェアの概要の表示</a></p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</div>
	<div class="copyrights">Collect from <a href="#" >XXX</a></div>
	<div id="fh5co-our-services" data-section="services">
	<div class="container">
		<div class="row row-bottom-padded-sm">
			<div class="col-md-12 section-heading text-center">
				<h2 class="to-animate">製品の紹介</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 to-animate">
						<h3>沖ドキ777優れたゲーム体験と豊富な賞金で知られる人気のスロットマシンです。大賞777は、初心者でもベテランでも、さまざまなゲームオプションと比類のないエンターテインメント体験を提供し、ここで楽しみを見つけることができます。</h3>
					</div>
				</div>
			</div>
		</div>
		<div class="row" style="margin-bottom: 30px">
			<div class="col-md-10 col-md-offset-1">
				<video autoplay="autoplay" loop="loop" muted width="100%" height="100%"  src="images/27429_1718519721.mp4"></video>
			</div>
		</div>
		<div class="row">
			<div class="col-md-4">
				<div class="box to-animate item">
					<img class="show-img" src="images/280921719236563_.pic.jpg" alt="">
					<h3>フレンドリーなデザイン</h3>
					<p>操作がわかりやすく、幅広い年代のプレイヤーに適しています。</p>
				</div>
				<div class="box to-animate">
					<img class="show-img" src="images/280931719236563_.pic.jpg" alt="">
					<h3>多様なゲームテーマ</h3>
					<p>それぞれのゲームは、独自の視覚と聴覚を楽しむために工夫されています</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="box to-animate item">
					<img class="show-img" src="images/280941719236563_.pic.jpg" alt="">
					<h3>高い収益率とボーナス</h3>
					<p>通常のボーナスのほか、ゲームにはさまざまなボーナス制度が設けられている</p>
				</div>
				<div class="box to-animate item">
					<img class="show-img" src="images/280951719236563_.pic.jpg" alt="">
					<h3>公平で公正なゲーム環境</h3>
					<p>プレイヤーが安心してプレイできるように公平で公正なゲーム環境を提供する</p>
				</div>
			</div>
			<div class="col-md-4">
				<div class="box to-animate item">
					<img class="show-img" src="images/280961719236564_.pic.jpg" alt="">
					<h3>便利な支払いと引き出し方法</h3>
					<p>便利なチャージと引き出し操作で、資金の安全な流通を保障する</p>
				</div>
				<div class="box to-animate item">
					<img class="show-img" src="images/280971719236564_.pic.jpg" alt="">
					<h3>優れたカスタマーサービス</h3>
					<p>問題が発生した場合でも、専門のカスタマーサービスチームを提供します。</p>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div id="fh5co-press" data-section="press">
	<div class="container">
		<div class="row">
			<div class="col-md-12 section-heading text-center">
				<h2 class="single-animate animate-press-1">ソフトウェアのインストール</h2>
				<div class="row">
					<div class="col-md-8 col-md-offset-2 subtext single-animate animate-press-2">
						<h3>IOSとAndroidの両方に対応しており、どのデバイスを使ってもゲームを楽しむことができます</h3>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-8 col-md-offset-2">
			<div class="row row-bottom-padded-lg">
				<div class="col-md-6 text-center to-animate">
					<div class="person" onclick="download('ios')">
						<img src="picture/person2.jpg" class="img-responsive img-rounded" alt="Person">
						<h3 class="name">IOS</h3>
						<div class="position">今すぐダウンロード</div>
					</div>
				</div>
				<div class="col-md-6 text-center to-animate">
					<div class="person" onclick="download('android')">
						<img src="picture/person3.jpg" class="img-responsive img-rounded" alt="Person">
						<h3 class="name">Android</h3>
						<div class="position">今すぐダウンロード</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
	<div id="fh5co-pricing" data-section="sign">
		<div class="container">
			<div class="row">
				<div class="col-md-12 section-heading text-center">
					<h2 class="single-animate animate-press-1">今すぐ登録</h2>
					<div class="row">
						<div class="col-md-8 col-md-offset-2 subtext single-animate animate-press-2">
							<h3>豊富なゲームコンテンツ、高額ボーナス、マルチボーナス、即体験</h3>
						</div>
					</div>
				</div>
			</div>
			<form class="form-horizontal" id="myForm">
				<div class="form-group">
					<label for="username" class="col-sm-2 control-label">ユーザー名</label>
					<div class="col-sm-10">
						<input type="email" class="form-control" id="username" placeholder="ユーザー名を入力してください">
					</div>
				</div>
				<div class="form-group">
					<label for="phone" class="col-sm-2 control-label">携帯番号&nbsp;+81</label>
					<div class="col-sm-10">
						<input type="tel" class="form-control" id="phone" placeholder="携帯番号を入力してください">
					</div>
				</div>
				<div class="form-group">
					<label for="code" class="col-sm-2 control-label">パスワード</label>
					<div class="col-sm-10">
						<input type="password" class="form-control" id="password" placeholder="パスワードを入力してください">
					</div>
				</div>
				<div class="form-group">
					<label for="password_agin" class="col-sm-2 control-label">パスワードの確認</label>
					<div class="col-sm-10">
						<input type="password" class="form-control" id="password_agin" placeholder="パスワードを再入力してください">
					</div>
				</div>
				<div class="form-group">
					<label for="phone" class="col-sm-2 control-label"></label>
					<div class="col-sm-10">
						<button onclick="sendCode()" id="codeBtn" type="button" class="btn btn-default">認証コードの取得</button>
					</div>
				</div>
				<div class="form-group">
					<label for="phone" class="col-sm-2 control-label">認証コード</label>
					<div class="col-sm-10">
						<input type="text" class="form-control" id="code" placeholder="認証コードを入力してください">
					</div>
				</div>
				<input type="hidden" name="pid" id="pid">
				<div class="form-group">
					<div class="col-sm-offset-2 col-sm-10">
						<button onclick="sign()" type="button" class="btn btn-default">Sign in</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="line" onclick="openToLine()">
		<img class="line-icon" src="images/line.png" alt="">
	</div>
	<hr>
	<footer id="footer" role="contentinfo">
	<div class="container">
		<div class="row row-bottom-padded-sm">
			<div class="col-md-12">
				<p class="copyright text-center">&copy; 2024 <a href="#">沖ドキ777</a>. All Rights Reserved.</p>
			</div>
		</div>
		<div class="row hide">
			<div class="col-md-12 text-center">
				<ul class="social social-circle">
					<li><a href="#"><i class="icon-twitter"></i></a></li>
					<li><a href="#"><i class="icon-facebook"></i></a></li>
					<li><a href="#"><i class="icon-youtube"></i></a></li>
					<li><a href="#"><i class="icon-pinterest"></i></a></li>
					<li><a href="#"><i class="icon-linkedin"></i></a></li>
					<li><a href="#"><i class="icon-instagram"></i></a></li>
					<li><a href="#"><i class="icon-dribbble"></i></a></li>
				</ul>
			</div>
		</div>
	</div>
    </footer>
    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- jQuery Easing -->
    <script src="js/jquery.easing.1.3.js"></script>
    <!-- Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Waypoints -->
    <script src="js/jquery.waypoints.min.js"></script>
    <!-- Owl Carousel -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- For demo purposes only styleswitcher ( You may delete this anytime ) -->
    <script src="js/jquery.style.switcher.js"></script>
    <script src="js/sign.js"></script>
    <!-- End demo purposes only -->

    <!-- Main JS (Do not remove) -->
    <script src="js/main.js"></script>

    <!-- Add fancyBox main JS and CSS files -->
    <script src="js/jquery.fancybox.js" type="text/javascript"></script>
    <link href="css/jquery.fancybox.css" media="screen" rel="stylesheet" type="text/css" />
    <!-- fancybox_app -->
    <script src="js/fancybox_app.js" type="text/javascript"></script>
    <!-- Add mousewheel plugin (this is optional) -->
    <script src="js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>

</body>
</html>
